<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Promise.prototype.then</title>
</head>
<body>
    <script>
        //创建promise对象
        const p = new Promise((resolve, reject) => {
            setTimeout(() => {
                resolve('用户数据')
            }, 1000)
        });

        //调用then方法
        //then方法的返回结果是Promise对象，对象的状态由回调函数的执行结果来决定。
        //1.如果回调函数中返回的结果是非promise类型的属性，状态为成功，返回值为对象的成功的值。
        const result = p.then(value => {
            console.log(value);
            //1. 非promise类型的属性
            // return 'iloveyou';
            //2. 是promise对象
            // return new Promise((resolve, reject) => {
            //     // 成功
            //     // resolve('ok');
                
            //     //失败
            //     reject('error');
            // });
            //3.抛出错误
            throw new Error('出差啦');


        }, reason => {
            console.warn(reason);
        });

        //then返回的结果也是Promise
        console.log(result);

        //链式调用
        //链式调用可以杜绝回调地狱
        p.then(value => {

        }, reason => {

        }).then(value => {

        }, reason => {

        })

        console.log(result);
    </script>
</body>
</html>